<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css_test.html</title>
<style>
.LbL{
      display:inline-block;
      width:65px;
      text-align:right;
      margin:3px;
}      
</style>
</head>
<body>
<h1 style='font-size:30px'>CSS Example</h1>
<p style='border:5px solid #ff0000;'
              padding:30px; width:300px;'>p태그를 사용한 문단
<div style='border:10px dotted #0000ff;'
                  padding:20px;align:center; width:250px> div 태그를 사용한 문단모양</div>

<hr/>
<label class='LbL'>성명</label>  
<input type='text' name='mid'><br/> 
<label class='LbL'>암호</label>
<input type='password' name='pwd'><br/>
<label class='LbL'>닉네임</label>    
<input type='text' name='nicknaem'><br/>           
</body>
</html>